<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Apricot 1.3</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<!-- Le styles -->

		<link rel="stylesheet" href="/statics/assets/css/style.css">
		<link rel="stylesheet" href="/statics/assets/css/loader-style.css">
		<link rel="stylesheet" href="/statics/assets/css/bootstrap.css">
<link rel="stylesheet" href="/statics/plugins/bootstrap-table/bootstrap-table.min.css" />

		<style type="text/css">
			canvas#canvas4 {
			        position: relative;
			        top: 20px;
			    }
		</style>

		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
		<!-- Fav and touch icons -->
		<link rel="shortcut icon" href="/statics/assets/ico/minus.png">
	</head>

	<body>
		<!-- Preloader -->
		<div id="preloader">
			<div id="status">&nbsp;</div>
		</div>
		<!-- TOP NAVBAR -->
		<nav role="navigation" class="navbar navbar-static-top">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
						<span class="entypo-menu"></span>
					</button>
					<button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
						<span class="entypo-list-add"></span>
					</button>

					<div id="logo-mobile" class="visible-xs">
						<h1>WEB管理<span>v1.2</span></h1>
					</div>

				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">

						<li class="dropdown">

							<a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:20px;" class="icon-conversation"></i><div class="noft-red">23</div></a>

							<ul style="margin: 11px 0 0 9px;" role="menu" class="dropdown-menu dropdown-wrap">
								<li>
									<a href="#">
										<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/1.jpg">Jhon Doe <b>Just Now</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">
										<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/women/1.jpg">Jeniffer <b>3 Min Ago</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">
										<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/2.jpg">Dave <b>2 Hours Ago</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">
										<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/3.jpg"><i>Keanu</i> <b>1 Day Ago</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">
										<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/4.jpg"><i>Masashi</i> <b>2 Mounth Ago</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<div>See All Messege</div>
								</li>
							</ul>
						</li>
						<li>

							<a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:19px;" class="icon-warning tooltitle"></i><div class="noft-green">5</div></a>
							<ul style="margin: 12px 0 0 0;" role="menu" class="dropdown-menu dropdown-wrap">
								<li>
									<a href="#">
										<span style="background:#DF2135" class="noft-icon maki-bus"></span><i>From Station</i> <b>01B</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">
										<span style="background:#AB6DB0" class="noft-icon maki-ferry"></span><i>Departing at</i> <b>9:00 AM</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">
										<span style="background:#FFA200" class="noft-icon maki-aboveground-rail"></span><i>Delay for</i> <b>09 Min</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">
										<span style="background:#86C440" class="noft-icon maki-airport"></span><i>Take of</i> <b>08:30 AM</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">
										<span style="background:#0DB8DF" class="noft-icon maki-bicycle"></span><i>Take of</i> <b>08:30 AM</b>
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<div>See All Notification</div>
								</li>
							</ul>
						</li>
						<li><a href="#"><i data-toggle="tooltip" data-placement="bottom" title="Help" style="font-size:20px;" class="icon-help tooltitle"></i></a>
						</li>

					</ul>
					<div id="nt-title-container" class="navbar-left running-text visible-lg">
						<ul class="date-top">
							<li class="entypo-calendar" style="margin-right:5px"></li>
							<li id="Date"></li>

						</ul>

						<ul id="digital-clock" class="digital">
							<li class="entypo-clock" style="margin-right:5px"></li>
							<li class="hour"></li>
							<li>:</li>
							<li class="min"></li>
							<li>:</li>
							<li class="sec"></li>
							<li class="meridiem"></li>
						</ul>
						<ul id="nt-title">
							<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=10" width="300" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" ></iframe>
						</ul>
					</div>

					<ul style="margin-right:0;" class="nav navbar-nav navbar-right">
						<li>
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<img alt="" class="admin-pic img-circle" src="http://img1.cache.netease.com/catchpic/B/BB/BB5E361088A7D92C82F44B80AF8017B7.png">Hi, <span id="nickname"></span> <b class="caret"></b>
							</a>
							<ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
								<li>
									<a href="#">
										<span class="entypo-user"></span>&#160;&#160;My Profile</a>
								</li>
								<li>
									<a href="#">
										<span class="entypo-vcard"></span>&#160;&#160;Account Setting</a>
								</li>
								<li>
									<a href="#">
										<span class="entypo-lifebuoy"></span>&#160;&#160;Help</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="http://themeforest.net/item/apricot-navigation-admin-dashboard-template/7664475?WT.ac=category_item&WT.z_author=themesmile">
										<span class="entypo-basket"></span>&#160;&#160; Purchase</a>
								</li>
							</ul>
						</li>
						<li>
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<span class="icon-gear"></span>&#160;&#160;Setting</a>
							<ul role="menu" class="dropdown-setting dropdown-menu">

								<li class="theme-bg">
									<div id="button-bg"></div>
									<div id="button-bg2"></div>
									<div id="button-bg3"></div>
									<div id="button-bg5"></div>
									<div id="button-bg6"></div>
									<div id="button-bg7"></div>
									<div id="button-bg8"></div>
									<div id="button-bg9"></div>
									<div id="button-bg10"></div>
									<div id="button-bg11"></div>
									<div id="button-bg12"></div>
									<div id="button-bg13"></div>
								</li>
							</ul>
						</li>
						<li class="hidden-xs">
							<a class="toggle-left" href="#">
								<span style="font-size:20px;" class="entypo-list-add"></span>
							</a>
						</li>
					</ul>

				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>

		<!-- /END OF TOP NAVBAR -->

		<!-- SIDE MENU -->
		<div id="skin-select">
			<div id="logo">
				<h1>CloudSoft<span>v1.2</span></h1>
			</div>

			<a id="toggle">
				<span class="entypo-menu"></span>
			</a>
			<div class="dark">
				<form action="#">
					<span>
                    <input type="text" name="search" value="" class="search rounded id_search" placeholder="Search Menu..." autofocus="">
                </span>
				</form>
			</div>

			<div class="search-hover">
				<form id="demo-2">
					<input type="search" placeholder="Search Menu..." class="id_search">
				</form>
			</div>

			<div class="skin-part">
				<div id="tree-wrap">
					<div class="side-bar">
						<ul class="topnav menu-left-nest">
							<li>
								<a href="#" style="border-left:0px solid!important;" class="title-menu-left">

									<span class="widget-menu"></span>
									<i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

								</a>
							</li>

							<li>
								<a class="tooltip-tip ajax-load" href="#" title="Blog App">
									<i class="icon-document-edit"></i>
									<span>Blog App</span>

								</a>
								<ul>
									<li>
										<a class="tooltip-tip2 ajax-load" href="javascript:forward('note/list.html');" title="Blog List"><i class="entypo-doc-text"></i><span>Blog List</span></a>
									</li>
									<li>
										<a class="tooltip-tip2 ajax-load" href="javascript:forward('note/add.html');" title="Blog Detail"><i class="entypo-newspaper"></i><span>Blog Details</span></a>
									</li>
								</ul>
							</li>

						</ul>

						<div class="side-dash">
							<h3>
                            <span>Visitors</span>
                        </h3>
							<ul class="side-bar-list">
								<li>Visitors
									<div class="linebar2">9,7,8,9,5,9,6,8,7</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END OF SIDE MENU -->

		<!--  PAPER WRAP -->
		<div class="wrap-fluid">
			<div id="content" class="container-fluid paper-wrap bevel tlbr">

				<!-- CONTENT -->
				<!--TITLE -->
				<div class="row">
					<div id="paper-top">
						<div class="col-lg-3">
							<h2 class="tittle-content-header">
                            <i class="icon-window"></i> 
                            <span>Dashboard
                            </span>
                        </h2>

						</div>

						<div class="col-lg-7">
							<div class="devider-vertical visible-lg"></div>
							<div class="tittle-middle-header">

								<div class="alert">
									<button type="button" class="close" data-dismiss="alert">×</button>
									<span class="tittle-alert entypo-info-circled"></span> Welcome back,&nbsp;
									<strong>Dave mattew!</strong>&nbsp;&nbsp;Your last sig in at Yesterday, 16:54 PM
								</div>

							</div>

						</div>
						<div class="col-lg-2">
							<div class="devider-vertical visible-lg"></div>
							<div class="btn-group btn-wigdet pull-right visible-lg">
								<div class="btn">
									Widget</div>
								<button data-toggle="dropdown" class="btn dropdown-toggle" type="button">
									<span class="caret"></span>
									<span class="sr-only">Toggle Dropdown</span>
								</button>
								<ul role="menu" class="dropdown-menu">
									<li>
										<a href="#">
											<span class="entypo-plus-circled margin-iconic"></span>Add New</a>
									</li>
									<li>
										<a href="#">
											<span class="entypo-heart margin-iconic"></span>Favorite</a>
									</li>
									<li>
										<a href="#">
											<span class="entypo-cog margin-iconic"></span>Setting</a>
									</li>
								</ul>
							</div>

						</div>
					</div>
				</div>
				<!--/ TITLE -->

				

				

				<div class="content-wrap">
					<div class="row">
						<div class="col-lg-6">
							
						</div>
					</div>
					<!-- /END OF CONTENT -->

					<!-- FOOTER -->
					<div class="footer-space"></div>
					<div id="footer">
						<div class="devider-footer-left"></div>
						<div class="time">
							<p id="spanDate">
								<p id="clock">
						</div>
						<div class="copyright">Make with Love
							<span class="entypo-heart"></span>Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> All Rights Reserved</div>
						<div class="devider-footer"></div>

					</div>
					<!-- / END OF FOOTER -->

				</div>
			</div>
		</div>
		<!--  END OF PAPER WRAP -->


		<!-- END OF RIGHT SLIDER CONTENT-->
		<script type="text/javascript" src="/statics/assets/js/jquery.js"></script>
		<script src="/statics/assets/js/progress-bar/src/jquery.velocity.min.js"></script>
		<script src="/statics/assets/js/progress-bar/number-pb.js"></script>
		<script src="/statics/assets/js/progress-bar/progress-app.js"></script>

		<!-- MAIN EFFECT -->
		<script type="text/javascript" src="/statics/assets/js/preloader.js"></script>
		<script type="text/javascript" src="/statics/assets/js/bootstrap.js"></script>
		<script type="text/javascript" src="/statics/assets/js/app.js"></script>
		<script type="text/javascript" src="/statics/assets/js/load.js"></script>
		<script type="text/javascript" src="/statics/assets/js/main.js"></script>

<script type="text/javascript" src="/statics/js/common/jquery-common.js" ></script>		
<script type="text/javascript" src="/statics/js/admin/index.js" ></script>
<script src="/statics/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="/statics/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/statics/plugins/lhgdialog/lhgdialog.js"></script>
<script type="text/javascript" src="/statics/js/pop_up.js"></script>		
	</body>

</html>